<template>

  <a-config-provider
      :theme="{
      token: {
        colorPrimary: '#36f',
      },
    }"
  >
    <router-view>

    </router-view>
  </a-config-provider>
</template>

<script>

export default {
  name: 'App',
  components: {
  },
  created() {
    if (document.getElementById('Loading')) document.getElementById('Loading').remove();
  },
}
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
  height: 100%;
  width: 100%;
  padding: 0 !important;
  margin: 0;
  background-color: #f8f8f8;
}

.ant-tabs-nav{
  margin: 0px !important;
}

.ant-tabs-nav{
  padding: 0px 16px !important;
}

.ant-tree-treenode{
  width: 100% !important;
  height: 40px;
  align-items: center !important;
  padding: 0px !important;
}

.ant-tree-switcher-icon{
  font-size: 18px !important;
  color: #0000004d !important;
}

.ant-tree-switcher{
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ant-tree-switcher{
  height: max-content;
  align-self: center !important;
}

.ant-tree-treenode-selected{
  width: 100% !important;
  background: #e6f4ff;
  border-radius: 8px;

}

.ant-tree-treenode{
  padding-left: 16px !important;
}

.ant-tree-node-content-wrapper{
  background: transparent !important;
  color: #000000EE;
}

.el-col {
  border-radius: 4px;
}

.el-divider{
  margin: 12px 0px;
}

h4{
  margin: 0px !important;
}

.text-primary{
  font-size: 24px;
  color: #2b2b2b !important;
  margin-bottom: 0;
  margin: 24px 8px;
}

.el-table {
  z-index: 0;
}

.space{
  flex: 1;
}

.searchDiv {
  height: fit-content;
}

.configContainer {
  margin: 0px 8px;
  padding: 0px;
  height: 100%;
  /* border: red 1px solid; */
}

.configContainer .title{
  font-weight: bold;
  font-size: 16px;
}

.card-title{
  margin-bottom: 0px;
  text-transform: capitalize;
  color: #2b2b2b;
  font-size: 22px;
  margin: 12px 8px;
}

.ant-menu-title-content{
  flex: none !important;
}

:root{
  --theme_primary_color:orange;
  --theme_second_color: #656565;

  --theme_admin_primary_color:#67c23a;
  --theme_admin_second_color: #a5b3ad;
}

/* 超小设备 (手机, 600px 以下屏幕设备) */
@media only screen and (max-width: 600px) {
  .example {background: red;}
}

/* 小设备 (平板电脑和大型手机，600 像素及以上) */
@media only screen and (min-width: 600px) {
  .example {background: green;}
}

/* 中型设备（平板电脑，768 像素及以上） */
@media only screen and (min-width: 768px) {
  .example {background: blue;}
}

/* 大型设备（笔记本电脑/台式机，992 像素及以上） */
@media only screen and (min-width: 992px) {
  .example {background: orange;}
}

/* 超大型设备（大型笔记本电脑和台式机，1200 像素及以上） */
@media only screen and (min-width: 1200px) {
  .example {background: pink;}
}
.example{
  color: white;
  margin: 0px;
}

.el-card__body{
  height: 100%;
  box-sizing: border-box;
}

.el-icon--left{
  margin-right: 8px;
}

:root {
  --el-color-primary: #65c5ff;
}

.ant-tree-treenode {
  padding-left: 0px !important;
}

.ant-menu-root {
  border-inline-end: 1px solid white !important;
}

.page-top {
  width: 100%;
  height: 80px;
  float: left;
  background-color: #fff;
  box-sizing: border-box;
  padding: 24px 36px;
  border-radius: 12px;
  margin-bottom: 24px;
}

.page-body {
  width: 100%;
  background-color: #fff;
  box-sizing: border-box;
  padding: 24px 36px;
  border-radius: 12px;
  margin-bottom: 24px;
}

.searchDiv {
  display: flex;
  flex-direction: row;
  padding: 16px;
  justify-content: end;
  align-items: center;
}

.ant-form-item{
  margin-bottom: 0 !important;
}

[data-doc-theme='light'] .ant-table-striped :deep(.table-striped) td {
  background-color: #fafafa;
}
[data-doc-theme='dark'] .ant-table-striped :deep(.table-striped) td {
  background-color: rgb(29, 29, 29);
}
</style>
